@charset "utf-8";
@mainColor:#333333;//主颜色
@headerColor:rgba(255,255,255,1);
@mainbhcolor: #ff8c66;//主体背景颜色
@minWidth:1200px;
@headerColor:white;
@loginColor:rgb(240, 245, 250);
@hoverColor:#ff8c66!important;
@notColor:rgba(255,125,125,1);
@bgcolor:#ffffff;//背景颜色


.font(@size:14px){
  font-size:@size;
}
@roboto-font-path: 'fonts';

.transition{
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);

}
.transform2(@x){
  -webkit-transform: @x;
  -ms-transform: @x;
  transform: @x;
}
.transform(){
  animation: myfirst 2s;
  -moz-animation: myfirst 2s;	/* Firefox */
  -webkit-animation: myfirst 2s;	/* Safari 和 Chrome */
  -o-animation: myfirst 2s;	/* Opera */
}

@keyframes myfirst
{
  from {opacity:0.2;}
  to {opacity:0.7;}

}

@-moz-keyframes myfirst /* Firefox */
{
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */ {

}

@-o-keyframes myfirst /* Opera */
{

}

.clearfix(){
  *zoom: 1;
  &:before,
  &:after{
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;
  }
  &:after {
    clear: both;
  }
}
.tc(){
  text-align:center;
}
.tl(){
  text-align:left;
}
.tr(){
  text-align:right;
}

.fl(){
  float:left;
}
.fr(){
  float:right;
}
.boxShadow(@x,@y,@len,@color){
  box-shadow:@x @y @len @color;
  -webkit-box-shadow:@x @y @len @color;
  -moz-box-shadow:@x @y @len @color;
  -o-box-shadow:@x @y @len @color;
}
.boxShadow1(@x,@y,@z,@len,@color){
  -webkit-box-shadow:@x @y @z @len @color;
  -moz-box-shadow:@x @y @z @len @color;
  -o-box-shadow:@x @y @z @len @color;
   box-shadow:@x @y @z @len @color;
}
.boxShadowAll(@color1,@len,@color2){
  background: -webkit-linear-gradient(@color1,@len, @color2);
  background: -o-linear-gradient(@color1,@len, @color2);
  background: -moz-linear-gradient(@color1,@len, @color2);
  background: linear-gradient(@color1,@len, @color2);
}
.boxShadowAll2(@color1,@len,@color2,@color3){
  background: -webkit-linear-gradient(@color1,@len,@color2,@color3);
  background: -o-linear-gradient(@color1,@len,@color2,@color3);
  background: -moz-linear-gradient(@color1,@len,@color2,@color3);
  background: linear-gradient(@color1,@len,@color2,@color3);
}
.transition(@all,@time,@way){
  transition:@all @time @way;
  -moz-transition:@all @time ; /* Firefox 4 */
  -webkit-transition:@all @time ; /* Safari and Chrome */
  -o-transition:@all @time ; /* Opera */
}
.ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}
.borderRadius(@px){//设置圆角
  border-radius: @px !important;
  -webkit-border-radius: @px !important;
  -moz-border-radius: @px !important;
  -o-border-radius: @px !important;
}
.borderAllRadius(@top,@right,@bottom,@left){//设置圆角
  border-radius: @top @right @bottom @left !important;
  -webkit-border-radius: @top @right @bottom @left !important;
  -moz-border-radius: @top @right @bottom @left !important;
  -o-border-radius: @top @right @bottom @left !important;
}
//渐变
.grad(@startColor,@endColor){
  background: -webkit-linear-gradient(right, @startColor , @endColor); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left,  @startColor,@endColor); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, @startColor ,@endColor); /* Firefox 3.6 - 15 */
  background: linear-gradient(to left, @startColor,@endColor);/* 标准的语法（必须放在最后）*/
}
.grad1(@startColor,@endColor){
  background: -webkit-linear-gradient(top, @startColor , @endColor); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top,  @startColor,@endColor); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, @startColor ,@endColor); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, @startColor,@endColor);/* 标准的语法（必须放在最后）*/
}